<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<!-- 视口标签，禁止用户在移动端随意拉动 -->
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>detail</title>
	<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="../lib/button/buttons.css">

	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/Orderdetail.css">
	

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

</head>
<body>
	<header id="header">

	</header>

	<section>

		<div class="container">
			<!-- 订单信息面板 -->
			<div class="trade-info row">
				<div class="info-left col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h2 class="panel-title">
								<span>订单：</span>
								<span>#115232415582450</span>
							</h2>
						</div>
						<div class="panel-body">
							<h3 class="description">您向<span>红包雨</span>购买<span>0.00218 BTC</span></h3>
							<p class="price">
								<span>单价：</span>
								<span>45870 CNY/BTC</span>

							</p>

							<p class="price"><span>总价：</span><span  class="total">100 CNY</span></p>
                             
                             <ul class="list-group bankInfo">
							<li class="list-group-item">
								<p class="aliplay">
									<i class="aili-icon"></i>
									<span class="bankway">支付宝：</span>
									<span class="bankway-msg">马云</span>
									<span class="bankway-msg">123456789@qq.com</span>
									<span class="bankway-msg">二维码位置</span>

								</p>
							</li>
							<li class="list-group-item">
								<p class="weixin">
									<i class="weixin-icon"></i>
									<span class="bankway">微信：</span>
									<span class="bankway-msg">马化腾</span>
									<span class="bankway-msg">123456789@qq.com</span>
									<span class="bankway-msg">二维码位置</span>


								</p>
							</li>
							<li class="list-group-item">
							<p class="bankcar">
									<i class="bankcard-icon"></i>
									<span class="bankway">银行卡：</span>
									<span class="bankway-msg">李嘉诚</span>
									<span class="bankway-msg">1234567890123</span>
									<span class="bankway-msg">香港恒生银行</span>
									<span class="bankway-msg">香港银行地址</span>

								</p>

						</li>
							
					</ul>
							
						</div>

					</div>
				</div>
				<div class="col-md-6">
					<p>这个空白处用来做聊天窗口，后面搞</p>
				</div>
			</div>
			<!-- 订单信息面板end -->

			<h3 class="state">待支付，请于<span class="paytime">05分52秒</span>内完成支付,付款参考号 :<b>12345</b></h3>


			<div class="state-control row">
				<!-- 警告提示 -->

				<div class="col-md-4">
					<p class="alert alert-warning" role="alert">
						<span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>

						<strong>付款成功后，请点击"已支付"按钮</strong>
					</p>
					
					<a href="javascript:;" id="paybtn" class="button button-3d button-primary ">已支付</a>
					<a href="javascript:;" id="cancelBtn" class="button button-3d button-caution ">取消订单</a>
				</div>





			</div>








			<div class="row remark">
				<div class="col-md-6">
						<!-- <ul class="list-group">
							<li class="list-group-item">1、您的汇款将直接进入卖方账户，交易过程中卖方出售的数字资产由平台托管保护。
							</li>
							<li class="list-group-item">2、请在规定时间内完成付款，并务必点击“我已付款”，卖方确认收款后，系统会将数字资产划转到您的账户。
							</li>
							<li class="list-group-item">
							3、如果买方当日取消订单达3次，将会被限制当日的买入功能。
						</li>
							
					</ul> -->
					<div class="well well-lg">
						<p>1、您的汇款将直接进入卖方账户，交易过程中卖方出售的数字资产由平台托管保护。</p>
						<p>2、请在规定时间内完成付款，并务必点击“我已付款”，卖方确认收款后，系统会将数字资产划转到您的账户。</p>
						<p>3、如果买方当日取消订单达3次，将会被限制当日的买入功能。</p>
    
    </div>
   
    

					
				</div>
			</div>
		</div>

	</section>


	<footer id="footer"></footer>
	<!-- 底部内容end -->
	<script src="../lib/jquery/jquery-2.1.1.js"></script>
	<script src="../lib/bootstrap/js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function () {

			$('header').load('../common/nav.html');
			$('footer').load('../common/footer.html');




		})
	</script>
</body>
</html>